@import "../../less/var";
.list{
    background-color: white;
    margin:20rpx;
    padding: 20rpx;
    border-radius: 10rpx;
    .list-up{
        display: flex;
        flex-flow:row nowrap;
        margin-bottom: 12rpx;
        border-bottom: 2rpx solid #ccc;
        .user-img>image{
            width: 90rpx;
            height: 90rpx;
            border-radius: 90rpx;
            margin: 0 20rpx 5rpx 0;
        }
        view:nth-child(2){
            flex-grow: 1;
            color: #888888;
            font-size: 26rpx;
            line-height: 1.7;
        }
        view:nth-child(3){
            color: @red;
            line-height: 2.8;
            font-weight: bold;
            font-size: 28rpx;
            padding-right: 30rpx;
        }
    }
    .list-down{
        display: flex;
        flex-flow: row nowrap;
        .book-img{
            width: 130rpx;
            height: 200rpx;
            border: 2rpx solid #888888;
            border-radius: 15rpx;
            flex-shrink: 0;
            >image{
                width: 100%;
                height: 100%;
                border-radius: 15rpx;
            }
        }
        >view:last-child{
            flex-grow: 1;
            height: 190rpx;
            padding: 2rpx 20rpx;
            font-size: 26rpx;
            text-indent: 40rpx;
            line-height: 2;
            overflow: hidden;
        }
    }
}